<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/quoted_part.css">
    <script src="/js/jquery-1.8.3.min.js"></script>
    <script src="/js/qrcode.js"></script>
</head>
<body>
    <header class="header">
        <div class="wrap">
            <div class="logo">
                <img src="/img/logo.png" alt="">
            </div>
            <div class="right-content">
                <div class="link">
                    <a href="/distributor.html" class="link-cell">
                        <span class="icon"><img src="/img/header-icon-1.png" alt=""></span>
                        <span class="name">经销商登录</span>
                    </a>
                    <a href="/quailty.html" class="link-cell">
                        <span class="icon"><img src="/img/header-icon-1.png" alt=""></span>
                        <span class="name">质保查询</span>
                    </a>
                </div>
                <ul class="menu">　
                    <li class="menu-cell"><a href="/">首页</a></li>
                    <li class="menu-cell"><a href="/brand.html">品牌</a></li>
                    <li class="menu-cell active">
                        <a>产品</a>
                        <!-- 产品二级导航 -->
                        <div class="sub-menu">
                            <div class="sub-menu__wrap">
                                <a href="product.html" class="sub-menu__cell">产品介绍</a>
                                <a href="/quoted_part.html" class="sub-menu__cell">产品报价</a>
                            </div>
                        </div>
                    </li>
                    <li class="menu-cell"><a href="/example.html">案例</a></li>
                    <li class="menu-cell"><a href="/news.html">资讯</a></li>
                    <li class="menu-cell"><a href="/store.html">门店</a></li>
                </ul>
            </div>
        </div>
    </header>
    <div class="quoted-part">
        <div class="content">
            <div class="select">
                <div class="select-cell" onclick="showModalCategory()">
                    <span>选择产品类别</span>
                    <span class="icon">&gt;</span>
                </div>
                <div class="select-cell" onclick="showModalBrand()">
                    <span>选择产品分类</span>
                    <span class="icon">&gt;</span>
                </div>
                <div class="select-cell" onclick="showModalCar()">
                    <span>选择品牌车型</span>
                    <span class="icon">&gt;</span>
                </div>
            </div>
            <div class="car_name">
                奔驰 C级车运动版 
            </div>
            <div class="left" id="left" style="display: inline-block;">
                <div class="list" id="part-price">
                    <div class="btn-cell" value="5760" onclick="selectCarPart(this)" name="whole">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-whole-b.png"></div>
                        <span>整车</span>
                    </div>
                    <div class="btn-cell" value="1" onclick="selectCarPart(this)" name="cheding">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-cheding-b.png"></div>
                        <span>车顶</span>
                    </div>
                    <div class="btn-cell" value="2" onclick="selectCarPart(this)" name="hougai">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-hougai-b.png"></div>
                        <span>后盖</span>
                    </div>
                    <div class="btn-cell" value="3" onclick="selectCarPart(this)" name="hougang">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-hougang-b.png"></div>
                        <span>后杠</span>
                    </div>
                    <div class="btn-cell" value="4" onclick="selectCarPart(this)" name="houshijing">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-houshijing-b.png"></div>
                        <span>后视镜</span>
                    </div>
                    <div class="btn-cell" value="5" onclick="selectCarPart(this)" name="jigai">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-jigai-b.png"></div>
                        <span>机盖</span>
                    </div>
                    <div class="btn-cell" value="6" onclick="selectCarPart(this)" name="qiangang">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-qiangang-b.png"></div>
                        <span>前杠</span>
                    </div>
                    <div class="btn-cell" value="7" onclick="selectCarPart(this)" name="youcequn">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-youcequn-b.png"></div>
                        <span>右侧裙</span>
                    </div>
                    <div class="btn-cell" value="8" onclick="selectCarPart(this)" name="youhouyezi">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-youhouyezi-b.png"></div>
                        <span>右后叶子板</span>
                    </div>
                    <div class="btn-cell" value="9" onclick="selectCarPart(this)" name="youmenzuhe">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-youmenzuhe-b.png"></div>
                        <span>右门组合</span>
                    </div>
                    <div class="btn-cell" value="10" onclick="selectCarPart(this)" name="youqianyezi">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-youqianyezi-b.png"></div>
                        <span>右前叶子板</span>
                    </div>
                    <div class="btn-cell" value="11" onclick="selectCarPart(this)" name="zuocequn">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-zuocequn-b.png"></div>
                        <span>左侧裙</span>
                    </div>
                    <div class="btn-cell" value="12" onclick="selectCarPart(this)" name="zuohouyezi">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-zuohouyezi-b.png"></div>
                        <span>左后叶子板</span>
                    </div>
                    <div class="btn-cell" value="13" onclick="selectCarPart(this)" name="zuomenzuhe">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-zuomenzuhe-b.png"></div>
                        <span>左门组合</span>
                    </div>
                    <div class="btn-cell" value="14" onclick="selectCarPart(this)" name="zuoqianyezi">
                        <div class="icon"><img src="/img/quoted-part/quoted-part-icon-zuoqianyezi-b.png"></div>
                        <span>左前叶子板</span>
                    </div>
                </div>
            </div>
            <div class="middle">
                <div class="car" id="car">
                    <div class="car-part-whole" id="whole">
                        <img src="/img/quoted-part/whole.png">
                    </div>
                    <div class="car-part" id="cheding" style="display: none;">
                        <img src="/img/quoted-part/cheding.png">
                    </div>
                    <div class="car-part" id="hougai" style="display: none;">
                        <img src="/img/quoted-part/hougai.png">
                    </div>
                    <div class="car-part" id="hougang" style="display: none;">
                        <img src="/img/quoted-part/hougang.png">
                    </div>
                    <div class="car-part" id="houshijing" style="display: none;">
                        <img src="/img/quoted-part/houshijing.png">
                    </div>
                    <div class="car-part" id="jigai" style="display: none;">
                        <img src="/img/quoted-part/jigai.png">
                    </div>
                    <div class="car-part" id="qiangang" style="display: none;">
                        <img src="/img/quoted-part/qiangang.png">
                    </div>
                    <div class="car-part" id="youcequn" style="display: none;">
                        <img src="/img/quoted-part/youcequn.png">
                    </div>
                    <div class="car-part" id="youhouyezi" style="display: none;">
                        <img src="/img/quoted-part/youhouyezi.png">
                    </div>
                    <div class="car-part" id="youmenzuhe" style="display: none;">
                        <img src="/img/quoted-part/youmenzuhe.png">
                    </div>
                    <div class="car-part" id="youqianyezi" style="display: none;">
                        <img src="/img/quoted-part/youqianyezi.png">
                    </div>
                    <div class="car-part" id="zuocequn" style="display: none;">
                        <img src="/img/quoted-part/zuocequn.png">
                    </div>
                    <div class="car-part" id="zuohouyezi" style="display: none;">
                        <img src="/img/quoted-part/zuohouyezi.png">
                    </div>
                    <div class="car-part" id="zuomenzuhe" style="display: none;">
                        <img src="/img/quoted-part/zuomenzuhe.png">
                    </div>
                    <div class="car-part" id="zuoqianyezi" style="display: none;">
                        <img src="/img/quoted-part/zuoqianyezi.png">
                    </div>
                    <div id="zhengche" style="display: none;"><img src="/img/quoted-part/zhengche.png" width="100%"></div>
                </div>
            </div>
            <div class="right" id="right" style="display: inline-block;">
                <div class="price-detail" id="price-detail">
                    <div class="title">报价详情</div>
                    <div class="list">
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-cheding" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-cheding-w.png"></div>
                            <div class="text">
                                <p class="part-name">车顶</p>
                                <p class="money">￥3</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-hougai" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-hougai-w.png"></div>
                            <div class="text">
                                <p class="part-name">后盖</p>
                                <p class="money">￥3</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-hougang" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-hougang-w.png"></div>
                            <div class="text">
                                <p class="part-name">后杠</p>
                                <p class="money">￥9</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-houshijing" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-houshijing-w.png"></div>
                            <div class="text">
                                <p class="part-name">后视镜</p>
                                <p class="money">￥5</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-jigai" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-jigai-w.png"></div>
                            <div class="text">
                                <p class="part-name">机盖</p>
                                <p class="money">￥2</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-qiangang" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-qiangang-w.png"></div>
                            <div class="text">
                                <p class="part-name">前杠</p>
                                <p class="money">￥1</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-youcequn" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-youcequn-w.png"></div>
                            <div class="text">
                                <p class="part-name">右侧裙</p>
                                <p class="money">￥6</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-youhouyezi" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-youhouyezi-w.png"></div>
                            <div class="text">
                                <p class="part-name">右后叶子板</p>
                                <p class="money">￥8</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-youmenzuhe" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-youmenzuhe-w.png"></div>
                            <div class="text">
                                <p class="part-name">左门组合</p>
                                <p class="money">￥7</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-youqianyezi" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-youqianyezi-w.png"></div>
                            <div class="text">
                                <p class="part-name">右前叶子板</p>
                                <p class="money">￥4</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-zuocequn" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-zuocequn-w.png"></div>
                            <div class="text">
                                <p class="part-name">左侧裙</p>
                                <p class="money">￥6</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-zuohouyezi" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-zuohouyezi-w.png"></div>
                            <div class="text">
                                <p class="part-name">左后叶子板</p>
                                <p class="money">￥8</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-zuomenzuhe" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-zuomenzuhe-w.png"></div>
                            <div class="text">
                                <p class="part-name">左门组合</p>
                                <p class="money">￥7</p>
                            </div>
                        </div>
                        <div class="detail-cell" onclick="selectCarPart(this)" id="detail-zuoqianyezi" style="display: none;">
                            <div class="icon"><img src="/img/quoted-part/quoted-part-icon-zuoqianyezi-w.png"></div>
                            <div class="text">
                                <p class="part-name">左前叶子板</p>
                                <p class="money">￥4</p>
                            </div>
                        </div>
                        <div class="tip" id="tip">
                            暂无
                        </div>
                    </div>
                </div>
            </div>
            <!-- 局部报价详情 -->
            <div class="price-detail-new" id="price-detail-new" style="display: none;">
                <div class="content">
                    <div class="title">局部报价详情</div>
                    <div class="tip">
                        <p>局部价格计算方式： </p>
                        <p>以下比例均为局部对整车价格的比例。如有特殊情况请适 <br> 用类似情况计算。</p>
                    </div>
                    <div class="table">
                        <table>
                            <tbody><tr class="head">
                                <td>分类</td>
                                <td>敝篷跑车</td>
                                <td>跑车</td>
                                <td>三厢/两厢/SUV</td>
                            </tr>
                            <tr>
                                <td>前杠</td>
                                <td>20%</td>
                                <td>20%</td>
                                <td>15%</td>
                            </tr>
                            <tr>
                                <td>后杠</td>
                                <td>20%</td>
                                <td>20%</td>
                                <td> 15%</td>
                            </tr>
                            <tr>
                                <td>引擎盖</td>
                                <td>10%</td>
                                <td>10%</td>
                                <td>10%</td>
                            </tr>
                            <tr>
                                <td>顶棚</td>
                                <td>-</td>
                                <td>20%</td>
                                <td>20%</td>
                            </tr>
                            <tr>
                                <td>后备厢</td>
                                <td>10%</td>
                                <td>10%</td>
                                <td>10%</td>
                            </tr>
                            <tr>
                                <td>侧/后叶</td>
                                <td>10%</td>
                                <td>10%</td>
                                <td>20%</td>
                            </tr>
                            <tr>
                                <td>前门</td>
                                <td>10%</td>
                                <td>10%</td>
                                <td>10%</td>
                            </tr>
                            <tr>
                                <td>后门/风柱</td>
                                <td>10%</td>
                                <td>10%</td>
                                <td>10%</td>
                            </tr>
                            <tr>
                                <td>前叶</td>
                                <td>10%</td>
                                <td>10%</td>
                                <td>10%</td>
                            </tr>
                        </tbody></table>
                    </div>
                    <div class="close" onclick="closePricDetail()">+</div>
                </div>
            </div>
            <div class="total">
                <div class="total-content">
                    总价：
                    <span class="mark">￥</span>
                    <span class="num" id="total-money">0</span>
                </div>
            </div>
            <!-- 选择产品类别 -->
            <div class="modal-category modal" id="modal-category">
                <div class="modal-content">
                    <div class="title">请选择产品类别</div>
                    <div class="list">
                        <label class="list-cell">
                            <img src="/img/quoted-part/select-iocn-1.png">
                            <p>透明膜</p>
                            <input value="1" type="radio" name="modal-category">
                        </label>
                        <label class="list-cell">
                            <img src="/img/quoted-part/select-iocn-2.png">
                            <p>改色膜</p>
                            <input value="2" type="radio" name="modal-category">
                        </label>
                    </div>
                    <div class="sure" onclick="sureModalCategory()">确定</div>
                    <div class="close" onclick="closeModalCategory()">+</div>
                </div>
            </div>
            <!-- 选择产品分类 -->
            <div class="modal modal-brand" id="modal-brand">
                <div class="modal-content">
                    <div class="title">透明膜分类</div>
                    <div class="list">
                        <div class="list-cell active">pro透明系列</div>
                        <div class="list-cell">pro透明+系列</div>
                        <div class="list-cell">MAX透明系列</div>
                        <div class="list-cell">pro哑光系列</div>
                        <div class="list-cell">pro黑色系列</div>
                        <div class="list-cell">pro透明+系列</div>
                        <div class="list-cell">MAX透明系列</div>
                        <div class="list-cell">pro哑光系列</div>
                        <div class="list-cell">pro黑色系列</div>
                        <div class="list-cell">pro透明+系列</div>
                        <div class="list-cell">MAX透明系列</div>
                        <div class="list-cell">pro哑光系列</div>
                        <div class="list-cell">pro黑色系列</div>
                    </div>
                    <div class="sure" onclick="sureModalBrand()">确定</div>
                    <div class="close" onclick="closeModalBrand()">+</div>
                </div>
            </div>
            <!-- 选择品牌车型 -->
            <div class="modal modal-car" id="modal-car">
                <div class="modal-content">
                    <div class="title">选择品牌及车型</div>
                    <div class="modal-wrap">
                        <div class="modal-wrap__left">
                            <div class="car-name">保时捷</div>
                            <div class="car-name">英菲尼</div>
                            <div class="car-name">路虎 </div>
                            <div class="car-name active">奔驰 </div>
                            <div class="car-name">斯柯达</div>
                            <div class="car-name">雷克萨</div>
                            <div class="car-name">兰博基</div>
                            <div class="car-name">特斯拉</div>
                            <div class="car-name">本田 </div>
                            <div class="car-name">福特 </div>
                            <div class="car-name">现代 </div>
                            <div class="car-name">标致 </div>
                            <div class="car-name">兰博基</div>
                            <div class="car-name">特斯拉</div>
                            <div class="car-name">本田 </div>
                            <div class="car-name">福特 </div>
                            <div class="car-name">现代 </div>
                            <div class="car-name">标致 </div>
                            <div class="car-name">兰博基</div>
                        </div>
                        <div class="modal-wrap__right">
                            <a class="car-brand active">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                            <a class="car-brand">
                                <div class="car-brand__wrap">
                                    <img src="/img/quoted-part/quoted-brand-1.png">
                                    <p>S320L</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="sure" onclick="sureModalCar()">确定</div>
                    <div class="close" onclick="closeModalCar()">+</div>
                </div>
            </div>
        </div>
        <script>

            // 选择车部位
            function selectCarPart(dom) {
                document.getElementById('tip').style.display = 'none'

                var carPartName = dom.getAttribute('name')
                var partBtnDoms = [].slice.call(document.getElementById('part-price').querySelectorAll('.btn-cell'))
                var carPartDoms = [].slice.call(document.getElementById('car').querySelectorAll('.car-part'))
                var detailCellDoms = [].slice.call(document.getElementById('price-detail').querySelectorAll('.detail-cell'))
                if (carPartName == 'whole') {
                    partBtnDoms.forEach(element => {
                        var domCalss = dom.getAttribute('class').split(' ')
                        domCalss = domCalss.filter(i => i !== 'active')
                        element.setAttribute('class', domCalss.join(' '))
                    })

                    carPartDoms.forEach(element => {
                        element.style.display = 'block'
                    })

                    detailCellDoms.forEach(element => {
                        element.style.display = 'block'
                    })
                } else {
                    var partBtnDoms_whole = partBtnDoms.find(i => i.getAttribute('name') == 'whole')
                    if (partBtnDoms_whole.getAttribute('class').indexOf('active') > -1) {
                        carPartDoms.forEach(element => {
                            element.style.display = 'none'
                        })
                        var classes = partBtnDoms_whole.getAttribute('class').split(' ')
                        classes = classes.filter(i => i !== 'active')
                        partBtnDoms_whole.setAttribute('class', classes.join(' '))

                        detailCellDoms.forEach(element => {
                            element.style.display = 'none'
                        })
                    }
                }

                var carPartDom = document.getElementById(dom.getAttribute('name'))
                var domCalss = dom.getAttribute('class').split(' ')
                var detailCellDom = document.getElementById('detail-' + carPartName)
                if (domCalss.indexOf('active') > -1) {
                    domCalss = domCalss.filter(i => i !== 'active')
                    carPartDom.style.display = 'none'
                    if (detailCellDom) {
                        detailCellDom.style.display = 'none'
                    }
                    
                } else {
                    domCalss.push('active')
                    carPartDom.style.display = 'block'
                    if (detailCellDom) {
                        detailCellDom.style.display = 'block'
                    }
                }
                dom.setAttribute('class', domCalss.join(' '))

                // 计算总额
                var activeDomValue = partBtnDoms.filter(i => i.getAttribute('class').indexOf('active') > -1).map(i => i.getAttribute('value') - 0)
                var totalMoney = activeDomValue.reduce((i, j) => i+j)
                document.getElementById('total-money').innerText = totalMoney
            }
       </script>
       <script>
            //选择产品类别
            function showModalCategory () {
                var dom = document.getElementById('modal-category')
                dom.style.display = 'block'
            }

            function closeModalCategory () {
                var dom = document.getElementById('modal-category')
                dom.style.display = 'none'
            }

            function sureModalCategory () {
                var dom = document.getElementById('modal-category')
                var inputArr = [].slice.call(dom.querySelectorAll('input'))
                var hasChecked = inputArr.some(i => i.checked)
                if (!hasChecked) return alert('请先选择产品类别')
                var value = inputArr.filter(i => i.checked)[0].value
                
                // 透明膜
                if (value === '1') {
                    document.getElementById('left').style.display = 'inline-block'
                    document.getElementById('right').style.display = 'inline-block'
                    document.getElementById('zhengche').style.display = 'none'
                    document.getElementById('price-detail-new').style.display = 'none'
                } else if (value === '2') {
                    document.getElementById('left').style.display = 'none'
                    document.getElementById('right').style.display = 'none'
                    document.getElementById('zhengche').style.display = 'block'
                    document.getElementById('price-detail-new').style.display = 'inline-block'
                }
                closeModalCategory()
            }
            // 选择产品分类
            function showModalBrand () {
                var dom = document.getElementById('modal-brand')
                dom.style.display = 'block'
            }

            function closeModalBrand () {
                var dom = document.getElementById('modal-brand')
                dom.style.display = 'none'
            }

            function sureModalBrand () {
                closeModalBrand()
            }
            // 选择品牌车型
            function showModalCar () {
                var dom = document.getElementById('modal-car')
                dom.style.display = 'block'
            }

            function closeModalCar () {
                var dom = document.getElementById('modal-car')
                dom.style.display = 'none'
            }

            function sureModalCar () {
                closeModalCar()
            }
       </script>
    </div>
    <footer class="footer">
        <div class="wrap">
            <div class="left-content">
                <img src="/img/logo.png">
                <div class="share">
                    <span class="name">分享：</span>
                    <span id="share-weibo"><img src="/img/share-icon-1.png"></span>
                    <span id="share-wx"><img src="/img/share-icon-2.png"></span>
                    <span id="share-qq"><img src="/img/share-icon-3.png"></span>
                </div>
            </div>
            <div class="right-content">
                <div class="link">　
                    <a href="/product.html" class="link-cell">产品介绍</a>
                    <a href="/quoted_part.html" class="link-cell">产品报价</a>
                    <a href="/distributor.html" class="link-cell">经销商登录</a>
                    <a href="/quailty.html" class="link-cell">质保查询</a>
                </div>
                <p class="phone">服务热线: <span>4001 618 615</span></p>
                <p class="record">2021@版权所有 拜亚(山东)薄膜有限公司<span>粤ICP备05108632号- 13 </span></p>
                <div class="qrcode">
                    <img src="/img/footer-qrcode.png">
                    <p>微信扫一扫</p>
                    <p>了解拜亚膜最新动态</p>
                </div>
            </div>
        </div>
        <div class="qrcode-wx" id="qrcode-wx" style="display: none;">
            <div class="title"><span>分享到微信朋友圈</span></div>
            <span class="close">+</span>
            <div id="qrcode-wx-img"></div>
            <div class="tip">打开微信“扫一扫”即可分享至朋友圈</div>
        </div>
    </footer>
    <script src="/js/share.js"></script>
</body>
</html>